4.4. Card Payment
Figure 4.2.4: Card Payment Window
4.4.1. Reset Entered Data
To reset the amount received, click “Reset” button. The field will be blank
and is ready to be entered again.
4.4.2. Card Details
The card details will be displayed in this section.
4.4.2.1. VISA card type is chosen initially. To change, click on the desired
card icon (VISA/MasterCard) to select it as the card type.
4.4.2.2. To enter card holder name, click on the textbox beside it and start
typing.
4.4.2.3. To choose a expiry and month, click on the dropdown list and start
choosing.
4.4.2.4. To enter card number, click on the textbox beside it and start typing.
4.4.2.5. To enter CCV/CVC, click on the textbox beside it and start typing.
Validation will be real time. If there is an error in format, a small red
icon will be shown beside the textbox. Mouse hover will show the
error details.
4.4.3. Complete Payment
4.4.3.1. In order for “Pay” button to be enabled, amount received must be
greater or equal to total amount payable.
4.4.3.2. To complete payment, click “Pay” button and the change will
displayed before close the form.
4.4.4. Back
Click “Back” button to close this window and back to previous window.